<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钱宝宝首页</title>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <link rel="stylesheet" href="../css/baby.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_900214_i19ybyy432k.css"/>
</head>
<body>

<!--头部开始-->
<header>
    <div class="safe">

        <p class="tel">
            <i class="iconfont icon-shouji"></i>
            免费热线：408-863-253
        </p>

        <div class="login">
            <span class="kuai"><a href="#">快速注册</a></span>
            <span class="li"><a href="#">立即登陆</a></span>
            <span class="bang"><a href="#">帮助中心</a></span>
        </div>


    </div>

</header>

<!--头部结束-->


<!--导航开始-->

<nav>
    <div class="safe">

        <img src="../img/logo.png"/>

        <div class="daohang">
            <span>首页</span>
            <span>我要理财</span>
            <span>我要借款</span>
            <span>新手指引</span>
            <span>关于我们</span>
        </div>


    </div>
</nav>

<!--导航结束-->


<!--banner开始-->


<section class="banner">


    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide aa"></div>
            <div class="swiper-slide bb"></div>
            <div class="swiper-slide cc"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>


    </div>


</section>

<!--banner结束-->



<!--第一层开始-->

<section class="f1">
    <div class="safe">

        <ul class="tou">
            <li>
                <img src="../img/1214.jpg"/>
                <h1>投资理财</h1>
                <p>告别月光一族，理性投资，最高可获得15%年化利率的稳定收益。</p>
            </li>
            
            <li class="zhong">
                <img src="../img/2.5.png" />
                <h1>信用贷款</h1>
                <p>无需任何抵押，通过审核后即可放款，更可申请高达3—10倍贷款金额。</p>
            </li>

            <li>
                <img src="../img/100.png" />
                <h1>安全保障</h1>
                <p>首创P2P征信系统，信息透明化，让投资更有安全感。</p>
            </li>

        </ul>
    </div>
</section>

<!--第一层结束-->


<!--第二层开始-->
<section class="f2">
    <div class="safe">
        <div class="wai">
            <table class="table">
                <thead>
                <tr class="head">
                    <td colspan="7">
                        <i class="iconfont icon-tongji"></i>
                        投资列表
                    </td>
                </tr>
                </thead>

                <tbody>
                <tr class="t1">
                    <td class="w1"></td>
                    <td>借款标题</td>
                    <td>年利率</td>
                    <td>金额</td>
                    <td>期限</td>
                    <td>进度</td>
                    <td class="w7"></td>
                </tr>


                <tr class="t2">
                    <td><button class="shi">实</button></td>
                    <td>理财宝A计划</td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td><button class="bai">100%</button></td>
                    <td>
                        <button class="li">立即加入</button>
                    </td>
                </tr>


                <tr class="t2">
                    <td><button class="shi">实</button></td>
                    <td>理财宝A计划</td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td><button class="bai">100%</button></td>
                    <td>
                        <button class="li">立即加入</button>
                    </td>
                </tr>


                <tr class="t2">
                    <td><button class="shi">实</button></td>
                    <td>理财宝A计划</td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td><button class="bai">100%</button></td>
                    <td>
                        <button class="li">立即加入</button>
                    </td>
                </tr>



                </tbody>

                <tfoot>
                <tr>
                    <td colspan="7">
                        <a href="#">查看更多投资理财项目</a>
                    </td>
                </tr>
                </tfoot>



            </table>
        </div>

    </div>
</section>
<!--第二层结束-->


<!--第三层开始-->
<section class="f3">
    <div class="safe">
        <div class="touzi">
            <p>投资效果</p>
        </div>

        <div class="tu">
            <ul>
                <li>
                    <img src="../img/pic1.png" />
                    <p>累计总金额</p>
                    <p class="number">￥353,492</p>
                </li>


                <li>
                    <img src="../img/pic2.png" />
                    <p>加入总人次</p>
                    <p class="number">103,550次</p>
                </li>


                <li>
                    <img src="../img/pic3.png" />
                    <p>为用户自动投标</p>
                    <p class="number">4,513,034次</p>
                </li>


                <li>
                    <img src="../img/pic4.png" />
                    <p>为用户累计赚取</p>
                    <p class="number">￥298,747,714元</p>
                </li>
            </ul>
        </div>
    </div>
</section>

<!--第三层结束-->


<!--第四层开始-->
<section class="f4">
    <div class="safe">
        <div class="title">
            <p class="hezuo">合作伙伴</p>
            <a href="#" class="more">更多>></a>
        </div>


        <ul class="logo">
            <li class="l1">
                <img src="../img/zhongguo.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/hengchang.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/yixin.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/xinyidai.jpg"/>
            </li>


            <li class="l1">
                <img src="../img/caifu.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/258.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/lujinsuo.jpg"/>
            </li>

            <li class="l1">
                <img src="../img/qianduoduo.jpg"/>
            </li>

        </ul>

    </div>
</section>

<!--第四层结束-->

<!--第五层开始-->
<section class="f5">
    <div class="safe">
        <div class="title5">
            <span>友情链接</span>
            <a href="#">更多>></a>
        </div>

        <div class="pinpai">
            <a href="#">258集团</a>
            <a href="#">钱多多</a>
            <a href="#">财富帮</a>
            <a href="#">以信贷</a>
            <a href="#">玩代号</a>
            <a href="#">宜信</a>
            <a href="#">小牛资本</a>
            <a href="#">馨儿富</a>
            <a href="#">久富</a>
            <a href="#">恒昌</a>
            <a href="#">民生银行</a>
        </div>
    </div>
</section>

<!--第五层结束-->

<!--页底开始-->
<footer>
    <div class="safe">
        <div class="about">
            <span><a href="#">关于我们</a></span>
            <span><a href="#">合作伙伴</a></span>
            <span><a href="#">最新动态</a></span>
            <span><a href="#">联系我们</a></span>
            <span><a href="#">我要理财</a></span>
            <span><a href="#">我要借贷</a></span>
            <span class="xinshou"><a href="#">新手引导</a></span>
        </div>


        <div class="message">
            <p>厦门钱宝宝投资发展有限公司</p>
            <p>Copyright © 2015 qianbaobao.com Inc. All Rights</p>
            <p>服务热线：4006-258-258</p>
        </div>


        <div class="logo2">
            <ul>
                <li>
                    <img src="../img/waangzhan.jpg"/>
                </li>

                <li>
                    <img src="../img/chengxin.jpg"/>
                </li>

                <li>
                    <img src="../img/kexin.jpg"/>
                </li>

                <li>
                    <img src="../img/anquan.jpg"/>
                </li>

                <li>
                    <img src="../img/wulianwang.jpg"/>
                </li>
            </ul>

        </div>

    </div>
</footer>

<!--页底结束-->


<script src="../js/baby.js"></script>
</body>
</html>